<i-form
    :model="this.data"
    class="app-form info-form-mode"
    ref="form"
    id="sysemployee_personalinfomain"
    style=""
    @on-validate="formItemValidate.apply(_self, arguments)"
>
    <input style="display:none;">
    <row>
            <i-col
    class="form-layout-container"
    v-show="detailsModel.group1.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-group
    :model="detailsModel.group1"
    layoutType="TABLE_24COL"
    titleStyle=""
    class=""
    :uiActionGroup="detailsModel.group1.uiActionGroup"
    @groupuiactionclick="groupUIActionClick($event)"
    :caption="$t('entities.sysemployee.personalinfomain_form.details.group1')"
    :isShowCaption="false"
    uiStyle="DEFAULT"
    :titleBarCloseMode="0"
    :isInfoGroupMode="true"

>    
    <app-form-group-data-panel
        slot="dataInfoPanel"
        :model="detailsModel.group1"
        :data="data"
        :context="context"
        :viewparams="viewparams"
    ></app-form-group-data-panel>
    <row>
        <i-col
    class="form-layout-container"
    v-show="detailsModel.grouppanel1.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-group
    :model="detailsModel.grouppanel1"
    layoutType="TABLE_24COL"
    titleStyle=""
    class=""
    :uiActionGroup="detailsModel.grouppanel1.uiActionGroup"
    @groupuiactionclick="groupUIActionClick($event)"
    :caption="$t('entities.sysemployee.personalinfomain_form.details.grouppanel1')"
    :isShowCaption="false"
    uiStyle="DEFAULT"
    :titleBarCloseMode="0"
    :isInfoGroupMode="true"

>    
    <app-form-group-data-panel
        slot="dataInfoPanel"
        :model="detailsModel.grouppanel1"
        :data="data"
        :context="context"
        :viewparams="viewparams"
    ></app-form-group-data-panel>
    <row>
        <i-col
    class="form-layout-container"
    v-show="detailsModel.grouppanel2.visible"
    :style="{}"
    :sm="{ span: 12, offset: 0 }"
    :md="{ span: 12, offset: 0 }"
    :lg="{ span: 12, offset: 0 }"
    :xl="{ span: 12, offset: 0 }"
>
    <app-form-group
    :model="detailsModel.grouppanel2"
    layoutType="TABLE_24COL"
    titleStyle=""
    class=""
    :uiActionGroup="detailsModel.grouppanel2.uiActionGroup"
    @groupuiactionclick="groupUIActionClick($event)"
    :caption="$t('entities.sysemployee.personalinfomain_form.details.grouppanel2')"
    :isShowCaption="false"
    uiStyle="DEFAULT"
    :titleBarCloseMode="0"
    :isInfoGroupMode="true"

>    
    <app-form-group-data-panel
        slot="dataInfoPanel"
        :model="detailsModel.grouppanel2"
        :data="data"
        :context="context"
        :viewparams="viewparams"
    ></app-form-group-data-panel>
    <row>
        <i-col
    class="form-layout-container"
    v-show="detailsModel.loginname.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="loginname"
    :itemRules="this.rules().loginname"
    class=""

    :caption="$t('entities.sysemployee.personalinfomain_form.details.loginname')"
    uiStyle="DEFAULT"
    :labelWidth="80"
    :isShowCaption="true"
    :error="detailsModel.loginname.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='loginname' :value="data.loginname" dataType="TEXT" unitName=""     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.personname.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="personname"
    :itemRules="this.rules().personname"
    class=""

    :caption="$t('entities.sysemployee.personalinfomain_form.details.personname')"
    uiStyle="DEFAULT"
    :labelWidth="80"
    :isShowCaption="true"
    :error="detailsModel.personname.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='personname' :value="data.personname" dataType="TEXT" unitName=""     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.sex.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="sex"
    :itemRules="this.rules().sex"
    class=""

    :caption="$t('entities.sysemployee.personalinfomain_form.details.sex')"
    uiStyle="DEFAULT"
    :labelWidth="80"
    :isShowCaption="true"
    :error="detailsModel.sex.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='sex' :value="data.sex" dataType="SSCODELIST" unitName=""     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.mdeptname.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="mdeptname"
    :itemRules="this.rules().mdeptname"
    class=""

    :caption="$t('entities.sysemployee.personalinfomain_form.details.mdeptname')"
    uiStyle="DEFAULT"
    :labelWidth="80"
    :isShowCaption="true"
    :error="detailsModel.mdeptname.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='mdeptname' :value="data.mdeptname" dataType="PICKUPTEXT" unitName=""     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.grouppanel3.visible"
    :style="{}"
    :sm="{ span: 12, offset: 0 }"
    :md="{ span: 12, offset: 0 }"
    :lg="{ span: 12, offset: 0 }"
    :xl="{ span: 12, offset: 0 }"
>
    <app-form-group
    :model="detailsModel.grouppanel3"
    layoutType="TABLE_24COL"
    titleStyle=""
    class=""
    :uiActionGroup="detailsModel.grouppanel3.uiActionGroup"
    @groupuiactionclick="groupUIActionClick($event)"
    :caption="$t('entities.sysemployee.personalinfomain_form.details.grouppanel3')"
    :isShowCaption="false"
    uiStyle="DEFAULT"
    :titleBarCloseMode="0"
    :isInfoGroupMode="true"

>    
    <app-form-group-data-panel
        slot="dataInfoPanel"
        :model="detailsModel.grouppanel3"
        :data="data"
        :context="context"
        :viewparams="viewparams"
    ></app-form-group-data-panel>
    <row>
        <i-col
    class="form-layout-container"
    v-show="detailsModel.phone.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="phone"
    :itemRules="this.rules().phone"
    class=""

    :caption="$t('entities.sysemployee.personalinfomain_form.details.phone')"
    uiStyle="DEFAULT"
    :labelWidth="130"
    :isShowCaption="true"
    :error="detailsModel.phone.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='phone' :value="data.phone" dataType="TEXT" unitName=""     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.email.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="email"
    :itemRules="this.rules().email"
    class=""

    :caption="$t('entities.sysemployee.personalinfomain_form.details.email')"
    uiStyle="DEFAULT"
    :labelWidth="130"
    :isShowCaption="true"
    :error="detailsModel.email.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='email' :value="data.email" dataType="TEXT" unitName=""     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.addr.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="addr"
    :itemRules="this.rules().addr"
    class=""

    :caption="$t('entities.sysemployee.personalinfomain_form.details.addr')"
    uiStyle="DEFAULT"
    :labelWidth="130"
    :isShowCaption="true"
    :error="detailsModel.addr.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='addr' :value="data.addr" dataType="TEXT" unitName=""     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.avatar.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="avatar"
    :itemRules="this.rules().avatar"
    class=""

    :caption="$t('entities.sysemployee.personalinfomain_form.details.avatar')"
    uiStyle="DEFAULT"
    :labelWidth="130"
    :isShowCaption="true"
    :error="detailsModel.avatar.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='avatar' :value="data.avatar" dataType="TEXT" unitName=""     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
    
    </row>
</app-form-group>

</i-col>
    
    </row>
</app-form-group>

</i-col>


    </row>
</i-form>
